﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<MvcReservas.Models.Reserva>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">

	Reserva
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">



    <h2>Realizar Reserva - Paso 2</h2>
  
    <form action="/Reserva/Reserva" method="post">    <%: Html.ValidationSummary(true) %>    
    <table width="620px;">
    <tr>
        <td>Hora/Dia</td>
        <td>Lunes</td>
        <td>Martes</td>
        <td>Miercoles</td>
        <td>Jueves</td>
        <td>Viernes</td>
        <td>Sabado</td>
        <td>Domingo</td>
    </tr>
     <tr>
        <td>8</td>
        <td> <label id="1">Disponible</label> </td>
        <td> <label id="12">Disponible</label> </td>
        <td> <label id="23">Disponible</label> </td>
        <td> <label id="34">Disponible</label> </td>
        <td> <label id="45">Disponible</label> </td>
        <td> <label id="56">Disponible</label> </td>
        <td> <label id="67">Disponible</label> </td>
      </tr>
      <tr>
        <td>9</td>
        <td> <label id="2">Disponible</label> </td>
        <td> <label id="13">Disponible</label> </td>
        <td> <label id="24">Disponible</label> </td>
        <td> <label id="35">Disponible</label> </td>
        <td> <label id="46">Disponible</label> </td>
        <td> <label id="57">Disponible</label> </td>
        <td> <label id="68">Disponible</label> </td>
      </tr>
      <tr>
        <td>10</td>
        <td> <label id="3">Disponible</label> </td>
        <td> <label id="14">Disponible</label> </td>
        <td> <label id="25">Disponible</label> </td>
        <td> <label id="36">Disponible</label> </td>
        <td> <label id="47">Disponible</label> </td>
        <td> <label id="58">Disponible</label> </td>
        <td> <label id="69">Disponible</label> </td>
      </tr>
      <tr>
        <td>11</td>
        <td> <label id="4">Disponible</label> </td>
        <td> <label id="15">Disponible</label> </td>
        <td> <label id="26">Disponible</label> </td>
        <td> <label id="37">Disponible</label> </td>
        <td> <label id="48">Disponible</label> </td>
        <td> <label id="59">Disponible</label> </td>
        <td> <label id="70">Disponible</label> </td>
      </tr>
      <tr>
        <td>12</td>
        <td> <label id="5">Disponible</label> </td>
        <td> <label id="16">Disponible</label> </td>
        <td> <label id="27">Disponible</label> </td>
        <td> <label id="38">Disponible</label> </td>
        <td> <label id="49">Disponible</label> </td>
        <td> <label id="60">Disponible</label> </td>
        <td> <label id="71">Disponible</label> </td>
      </tr>
      <tr>
        <td>13</td>
        <td> <label id="6">Disponible</label> </td>
        <td> <label id="17">Disponible</label> </td>
        <td> <label id="28">Disponible</label> </td>
        <td> <label id="39">Disponible</label> </td>
        <td> <label id="50">Disponible</label> </td>
        <td> <label id="61">Disponible</label> </td>
        <td> <label id="72">Disponible</label> </td>
      </tr>
      <tr>
        <td>14</td>
        <td> <label id="7">Disponible</label> </td>
        <td> <label id="18">Disponible</label> </td>
        <td> <label id="29">Disponible</label> </td>
        <td> <label id="40">Disponible</label> </td>
        <td> <label id="51">Disponible</label> </td>
        <td> <label id="62">Disponible</label> </td>
        <td> <label id="73">Disponible</label> </td>
      </tr>
      <tr>
        <td>15</td>
        <td> <label id="8">Disponible</label> </td>
        <td> <label id="19">Disponible</label> </td>
        <td> <label id="30">Disponible</label> </td>
        <td> <label id="41">Disponible</label> </td>
        <td> <label id="52">Disponible</label> </td>
        <td> <label id="63">Disponible</label> </td>
        <td> <label id="74">Disponible</label> </td>
      </tr>
      <tr>
        <td>16</td>
        <td> <label id="9">Disponible</label> </td>
        <td> <label id="20">Disponible</label> </td>
        <td> <label id="31">Disponible</label> </td>
        <td> <label id="42">Disponible</label> </td>
        <td> <label id="53">Disponible</label> </td>
        <td> <label id="64">Disponible</label> </td>
        <td> <label id="75">Disponible</label> </td>
      </tr>
      <tr>
        <td>17</td>
        <td> <label id="10">Disponible</label> </td>
        <td> <label id="21">Disponible</label> </td>
        <td> <label id="32">Disponible</label> </td>
        <td> <label id="43">Disponible</label> </td>
        <td> <label id="54">Disponible</label> </td>
        <td> <label id="65">Disponible</label> </td>
        <td> <label id="76">Disponible</label> </td>
      </tr>
      <tr>
        <td>18</td>
        <td > <label id="11">Disponible</label> </td>
        <td> <label id="22">Disponible</label> </td>
        <td> <label id="33">Disponible</label> </td>
        <td> <label id="44">Disponible</label> </td>
        <td> <label id="55">Disponible</label> </td>
        <td> <label id="66">Disponible</label> </td>
        <td> <label id="77">Disponible</label> </td>
      </tr>
    </table>

    


   <table width="620px;" style="border: 0px !important;">
   <tr align="right">
   <td width="80%">Dia</td>
    <td width="20%" >
        <select id="cboDia" name="cboDia" style="width: 90px;">
            <option value="1">Lunes</option>
             <option value="2">Martes</option>
                <option value="3">Miercoles</option>
              <option value="4">Jueves</option>
               <option value="5">Viernes</option>
                <option value="6">Sabado</option>
                <option value="7">Domingo</option>
        </select>
        </td>
   </tr>
   <tr  align="right">
    <td>Hora Inicio</td>
    <td>
        <select id="cboHora" name="cboHora" style="width: 90px;">
               <option value="8">8:00</option>
               <option value="9">9:00</option>
               <option value="10">10:00</option>
               <option value="11">11:00</option>
               <option value="12">12:00</option>
               <option value="13">13:00</option>
               <option value="14">14:00</option>
               <option value="15">15:00</option>
               <option value="16">16:00</option>
               <option value="17">17:00</option>
               <option value="18">18:00</option>
        </select>
        </td>
   </tr>
   <tr  align="right">
   <td>Cantidad</td>
    <td>
        <div class="editor-field">
                <%: Html.TextBoxFor(model => model.cantidad)%>
        </div>
    </td>
   </tr>
   <tr  align="right">
   <td></td>
   <td>
            <p>
                <input type="submit" value="Reservar" onclick="Reserva"/>
            </p>
   </td>
   </tr>
   </table>


    <h2>Reservas Realizadas</h2>
   <table>
        <tr>
           <td>
                
            </td>
            <td>
                Codigo
            </td>
            <td>
                Dia
            </td>
             <td>
                Hora
            </td>
            <td>
                Estado
            </td>
        </tr>

    <% foreach (var item in Model.listReservaRealizada) { %>
    
        <tr>
            <td>
                <% if(item.estado.Equals("0")){ %>
    
                    <%: Html.ActionLink("Cancelar", "Cancel", new { id=item.codigo }) %>
                <% } %>

            </td>
            <td>
                <%: item.codigo %>
            </td>
            <td>
                <%: item.nomDia %>
            </td>
            <td>
                <%: item.nomHora %>
            </td>
            <td>
            <% if(item.estado.Equals("0")){ %>
                Reservado
            <% }else if(item.estado.Equals("1")){ %>
                Confirmado
            <% }else if(item.estado.Equals("2")){ %>
                Rechazado
            <% }else if(item.estado.Equals("3")){ %>
                Cancelado
             <% } %>
            </td>
        </tr>
    
    <% } %>

    </table>


        <script type="text/javascript">

            function enviar_formulario() {
                var form = document.form[0];
                document.formulario1.submit()
            }

            function cargar(dia, estado) {
                if (estado == '1') {

                    document.getElementById(dia).innerHTML = "Confirmado";
                    document.getElementById(dia).parentNode.setAttribute("style", "background-color: red;");

                }
                if (estado == '0') {

                    document.getElementById(dia).innerHTML = "Reservado";
                    document.getElementById(dia).parentNode.setAttribute("style", "background-color: yellow;");

                }

            }
    </script>
    <% 
        int varcliente = 0;
        int varcancha = 0;
        varcancha = Model.canchita;
        varcliente = Model.cliente;
        if(Model!=null && Model.listReserva!=null && Model.listReserva.Count>0){
           
           foreach (var res in Model.listReserva){
               %>
    
    <script type="text/javascript">

        cargar('<%: res.diaHora%>', '<%: res.estado%>');
     </script>

    
    <%}
       } %>

        <input type="hidden" name="cancha" value="<%: varcancha %>" />
        <input type="hidden" name="cliente" value="<%: varcliente%>" />
  </form>
</asp:Content>
    